<template>
  <div class="product-params">
    <h2>商品参数</h2>
    <el-table :data="productParams" stripe>
      <el-table-column prop="id" label="参数ID"></el-table-column>
      <el-table-column prop="productName" label="商品名称"></el-table-column>
      <el-table-column prop="paramName" label="参数名称"></el-table-column>
      <el-table-column prop="paramValue" label="参数值"></el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      productParams: [
        { id: 1, productName: "iPhone 14", paramName: "屏幕尺寸", paramValue: "6.1英寸" },
        { id: 2, productName: "Nike运动鞋", paramName: "颜色", paramValue: "白色" },
        { id: 3, productName: "华为平板电脑", paramName: "存储容量", paramValue: "128GB" }
      ]
    };
  }
};
</script>

<style scoped>
.product-params {
  padding: 20px;
}

h2 {
  margin-bottom: 20px;
}
</style>
